// 头像
@mixin avatar($radius) {
  .avatar {
    height: $radius * 2;
    width: $radius * 2;
    border-radius: 50%;
    overflow: hidden;

    img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
}
@mixin hide($row) {
    width: 100%;
    /* 有限的空间才能有溢出的可能 */
    overflow: hidden;
    -webkit-line-clamp: $row;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-break: anywhere;

}
$red: pink
